<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HarmonyOS 鸿蒙之家</title>
    <link rel="icon" sizes="any" mask href="favicon.ico">
    <link  rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/base.css">
    <script  src="js/jq1.9.js"></script>
    <script  src="js/lazyload.js"></script>
    <script  src="layui/layui.js"></script>
    <script  src="js/iconfont.js"></script>
</head>
<body>
    <header>
        <div class="center">
            <a href="##" class="logo"><img src="images/logo.png" alt=""></a>
            <ul class="nav">
                <li class="on"><a href="##">首页</a></li>
                <li><a href="##">HarmonyOS Next</a></li>
                <li><a href="##">应用</a></li>
                <li><a href="##">资源</a></li>
                <li><a href="##">资讯</a></li>
                <li><a href="##">课堂</a></li>
            </ul>
            <form class="search">
                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-sousuo"></use></svg>
                <div class="text">
                    <input type="search" class="input" placeholder="搜索">
                </div>
            </form>
            <div class="user">
                <ul class="layui-nav">
                    <li class="layui-nav-item " lay-unselect >
                      <a href="javascript:;">
                        <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="userimg">
                      </a>
                      <dl class="layui-nav-child layui-nav-child-r">
                        <dd>
                            <a href="javascript:;" class="name">
                                 <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg">
                                 <span>用户名用户名用户名用户名用户名</span>
                            </a>
                        </dd>
                        <dd><a href="" class="btn"><i class="ico"></i>退出登录</a></dd>
                      </dl>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <main>
        <style>
            .template{
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px 0;
                line-height: 50px;
                overflow: hidden;
            }
            .template a{
                display: block;
                float: left;
                width: 20%;
            }
        </style>
        <div class="template">
            <a href="index.html">1-首页</a>
            <a href="search.html">2-搜索</a>
            <a href="search2.html">2-搜索-结果</a>
            <a href="list.html">3-文章列表</a>
            <a href="infor.html">4-文章详情-未登录</a>
            <a href="infor1.html">4-文章详情-已登录</a>
            <a href="list2.html">5-课堂列表</a>
            <a href="infor2.html">5-课堂详情-视频</a>
            <a href="infor2-1.html">5-课堂详情-文章</a>
            <a href="list3.html">6-应用频道</a>
            <a href="infor3.html">6-应用详情</a>
            <a href="list3-1.html">6-应用列表</a>
            <a href="list4.html">7-设计列表</a>
            <a href="infor4.html">6-设计详情</a>
            <a href="list5.html">8-开发列表</a>
            <a href="infor5.html">8-开发详情</a>
            <a href="list6.html">9-用户中心</a>
            <a href="list7.html">9.1-用户中心-评论</a>
            <a href="404.html">404</a>
            <a href="index2.html">首页  tab  切换</a>
        </div>
    </main>
    <footer>
        <div class="center">
            版权所有 Copyright © 2024-2024 www.hm123.cn <br/>
            渝ICP备20008086号-21 · 渝公网安备50010702505498号 · 重庆方砖科技有限版权所有 · 违法和不良信息举报：12377
        </div>
    </footer>
    <script  src="js/base.js"></script>
</body>
</html>